<template>
	<div class="wrap-con">
		<div>1.测评工具：婚姻质量问卷（ENRICH)</div>
		<div>2.测评时间：{{ form.appraisalFinishDate }}</div>
		<div>
			3.ENRICH简介：婚姻质量问卷（ENRICH）是由美国心理学家 David H. Olson 等人于 1989 年编制的经典婚姻评估工具，全称为“Enrich Marital Therapy and Enrich
			Premarital
			Counseling”。该问卷基于环形模型理论（Circumplex
			Model），旨在从多维度评估夫妻关系的质量，广泛应用于婚姻咨询、家庭治疗、婚前辅导及相关研究中。其理论基础认为，健康的婚姻关系需在多个核心维度达到平衡，而问卷通过量化评分帮助识别婚姻中的优势与潜在问题。
		</div>
		<div>4.测评数据结果：</div>
		<div>总体得分：{{ form.appraisalScore }}</div>
		<div>各因子得分：</div>
		<div class="textIndetStyle" v-for="item in form.userAppraisalDivisorList">
			<span>{{ item.divisorName }}</span>
			：
			<span>{{ item.divisorScore }}</span>
		</div>
		<div>5.总体结果解读及干预建议：</div>
		<div v-html="form.proposalSuggest"></div>
		<div class="">6.各因子结果解读及干预建议</div>
		<div class="textIndetStyle">6.1.各因子结果解读</div>
		<div v-for="item in appraisalDivisorList">
			<div v-html="item.typeFormDatas[0]"></div>
		</div>
		<div class="textIndetStyle">6.2各因子干预建议</div>
		<div v-for="item in appraisalDivisorList">
			<div class="" v-html="item.typeFormDatas[1]"></div>
		</div>
		<div class="say">声明：</div>
		<div class="textIndetStyle">
			以上调查结论及建议只是基于您的问卷调查结果，可能会因未能收集您的更多信息导致报告结果与您的实际状态不完全相符，请根据您的具体情况加以取舍。
		</div>
	</div>
</template>

<script>
import { getUserAppraisal } from '@/api/member/index.js'
export default {
	data() {
		return {
			form: {},
			appraisalDivisorList: []
		};
	},
	watch: {
		// 监听 detailId 变化
		detailId(newVal) {
			if (newVal) {
				this.getDetail(newVal)
			}
		},
		// 监听 appraisalId 变化
		appraisalId(newVal) {
			if (newVal) {
				this.getDetail(newVal)
			}
		}
	},
	mounted() {
		// 初始化加载数据
		if (this.detailId) {
			this.getDetail(this.detailId)
		}
	},
	props: ['detailId', 'appraisalId'],
	methods: {
		getSplitParts(rawContent) {
			const delimiter = '------------';
			return rawContent.split(new RegExp(delimiter.replace(/([.*+?^=!:${}()|$$$$\/\\])/g, '\\$1'), 'g'));
		},
		getDetail(id) {
			getUserAppraisal(id).then((res) => {
				this.form = res.data;
				this.appraisalDivisorList = JSON.parse(JSON.stringify(this.form.userAppraisalDivisorList));
				this.appraisalDivisorList.forEach((item) => {
					if (item.proposalSuggest) {
						item.typeFormDatas = this.getSplitParts(item.proposalSuggest);
					} else {
						item.typeFormDatas = ['', '']
					}
				});
			});
		}
	}
};
</script>

<style></style>
